<template>
	<div class="backendSystem">
		<!-- <div class="left">
			<Menus name="国际中文作答平台"></Menus>
		</div> -->
		<div class="right">
			<HeadMenu name="国际中文作答平台"></HeadMenu>
			<div class="i-section">
				<!-- <MenuBread></MenuBread> -->
				<router-view></router-view>
<!--				<span class="footer">-->
<!--                    <span @click="jumpPath">技术支持： 北京语言大学语言资源高精尖中心</span>-->
<!--                </span>-->
			</div>
		</div>
	</div>
</template>

<script setup lang="ts">
import Menus from '@/components/menu/menu.vue';
import HeadMenu from '@/components/menu/menuhead';
import MenuBread from '@/components/menu/menubread';


const jumpPath = () => {
	window.open('https://yuyanziyuan.blcu.edu.cn/');
};

</script>

<style lang="scss" scoped>
.backendSystem {
	display: flex;
	justify-content: space-between;
	overflow: hidden;

	.right {
		display: flex;
		flex-direction: column;
		flex: 1;
		position: relative;

		.bread {
			display: flex;
			align-items: center;
			padding: 0 8px 8px;
			height: 30px;
			.el-icon {
				color: #606266;
			}

		}
		.footer {
			position: absolute;
			bottom: 5px;
			left: 40%;
			padding-top: 10px;
			height: 20px;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #777;

			span {
				&:hover {
					color: var(--primary-color);
				}
			}
		}
	}


}


</style>
